﻿<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="https://g.alicdn.com/msui/sm/0.6.2/css/??sm.min.css,sm-extend.min.css">
<link rel="stylesheet" href="https://g.alicdn.com/msui/sm/0.6.2/css/sm-extend.css">



    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="icon" type="image/png" href="assets/i/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <style>
        .title {
            float: left;
        }

        .content-block>.h {
            padding-top: 0rem;
        }

        * {
            padding: 0rem;
            margin: 0rem;
        }

        .content-block {
            margin: 0px !important;
            ;
            padding: 0px !important;
        }

        .cnt {
            width: 100%;
            height: 10rem;
            background-color: white;
        }

        .h {
            font-weight: 600;
            font-size: 0.8rem;
        }

        .p1 {
            font-size: 0.6rem;
            margin-top: 0.2rem;
            color: #3d3d3d;
        }

        .p2 {
            margin-top: 0.5rem;
            font-size: 0.6rem;
            color: #9c9c9c;
            font-weight: 300;
        }

        .clearfix:after {
            display: table;
            content: "";
            clear: both;
        }

        .hh {
            margin-top: 0.4rem;
        }

        .fl {
            float: left;
            font-size: 0.6rem;
            color: #323232;
            font-weight: 400;
        }

        .fl span {
            color: #009eff;
        }

        img {
            width: 0.8rem;
            height: 0.8rem;
        }

        .card1 {
            margin-top: 0.6rem;
            margin-bottom: 0.2rem;
            border-bottom: 0.1rem solid #f1f2f2;
            padding: 0.2rem;
        }

        .card2 {
            margin-top: 0.1rem;
            padding: 0.2rem;
            border-bottom: 0.1rem solid #f1f2f2;
        }

        .card3 {
            border-bottom: 0.1rem solid #f1f2f2;
            padding: 0.1rem;
        }

        .card4 {
            padding: 0.1rem;
            border-bottom: 0.1rem solid #f1f2f2;
        }

        .content {
            background-color: white;
        }
    </style>
</head>

<body>
    <header class="bar bar-nav">

        <h1 class='title'>我的课程</h1>
        <a class="button button-link button-nav pull-left back" href="我的.html">
		      <span class="icon icon-left"></span>
		      返回
	    </a>
    </header>
    <div class="content">
        <div class="buttons-tab">
            <a href="#tab1" class="tab-link active button">待上的课</a>
            <a href="#tab2" class="tab-link button">已上的课</a>
        </div>

        <div class="content-block">
            <div class="tabs">
                <div id="tab1" class="tab active">
                    <div class="content-block">

                        <div class="top"></div>
                        <div class="cnt">
                            <div class="card1">
                                <div class="h">专题课</div>
                                <div class="p1">随时随地地解决重难点</div>
                                <div class="hh clearfix">
                                    <img class="fl" src="imges/logo1.png" />
                                    <div class="fl">
                                        【务实基础】期末必中考点核心突破
                                    </div>
                                </div>
                                <div class="p2">高三 1月5日-1月19日 每周五21:30 3次课</div>
                                <div class="p2">授课老师：李莉</div>
                            </div>

                            <div class="card2">
                                <div class="h">强化课</div>
                                <div class="p1">抓重点，强难点</div>
                                <div class="hh clearfix">
                                    <img class="fl" src="imges/logo2.png" />
                                    <div class="fl">【强化重难点】培养阅读理解能力</div>
                                </div>
                                <div class="p2">高三 1月5日-1月19日 每周二9:00 2次课</div>
                                <div class="p2">授课老师：李莉</div>
                            </div>
                            <div class="card3">
                                <div class="hh clearfix">
                                    <img class="fl" src="imges/logo2.png" />
                                    <div class="fl"><span>【一元3次课】</span>一模揭幕战：让作文素材高级起来</div>
                                </div>
                                <div class="p2">高三 1月5日-1月19日 每周二9:00 2次课</div>
                                <div class="p2">授课老师：李达</div>
                            </div>
                            <div class="card3">
                                <div class="hh clearfix">
                                    <img class="fl" src="imges/logo2.png" />
                                    <div class="fl"><span>【一元3次课】</span>一模揭幕战：让作文素材高级起来</div>
                                </div>
                                <div class="p2">高三 1月5日-1月19日 每周二9:00 2次课</div>
                                <div class="p2">授课老师：李达</div>
                            </div>
                            <div class="card4">
                                <div class="hh clearfix">
                                    <img class="fl" src="imges/logo2.png" />
                                    <div class="fl"><span>【一元3次课】</span>一模揭幕战：让作文素材高级起来</div>
                                </div>
                                <div class="p2">高三 1月5日-1月19日 每周二9:00 2次课</div>

                            </div>
                        </div>


                    </div>
                </div>
                <div id="tab2" class="tab">
                    <div class="content-block">
                        <div class="top"></div>
                        <div class="cnt">
                            <div class="card1">
                                <div class="h">系统串讲课</div>
                                <div class="p1">随时随地地解决重难点</div>
                                <div class="hh clearfix">
                                    <img class="fl" src="imges/logo1.png" />
                                    <div class="fl">
                                        【务实基础】期末必中考点核心突破
                                    </div>
                                </div>
                                <div class="p2">高三 1月5日-1月19日 每周五21:30 3次课</div>
                                <div class="p2">授课老师：李莉</div>
                            </div>

                            <div class="card2">
                                <div class="h">强化课</div>
                                <div class="p1">抓重点，强难点</div>
                                <div class="hh clearfix">
                                    <img class="fl" src="imges/logo2.png" />
                                    <div class="fl">【强化重难点】培养阅读理解能力</div>
                                </div>
                                <div class="p2">高三 1月5日-1月19日 每周二9:00 2次课</div>
                                <div class="p2">授课老师：李莉</div>
                            </div>
                            <div class="card3">
                                <div class="hh clearfix">
                                    <img class="fl" src="imges/logo2.png" />
                                    <div class="fl"><span>【一元3次课】</span>一模揭幕战：让作文素材高级起来</div>
                                </div>
                                <div class="p2">高三 1月5日-1月19日 每周二9:00 2次课</div>
                                <div class="p2">授课老师：李达</div>
                            </div>
                            <div class="card3">
                                <div class="hh clearfix">
                                    <img class="fl" src="imges/logo2.png" />
                                    <div class="fl"><span>【一元3次课】</span>一模揭幕战：让作文素材高级起来</div>
                                </div>
                                <div class="p2">高三 1月5日-1月19日 每周二9:00 2次课</div>
                                <div class="p2">授课老师：李达</div>
                            </div>
                            <div class="card4">
                                <div class="hh clearfix">
                                    <img class="fl" src="imges/logo2.png" />
                                    <div class="fl"><span>【一元3次课】</span>一模揭幕战：让作文素材高级起来</div>
                                </div>
                                <div class="p2">高三 1月5日-1月19日 每周二9:00 2次课</div>

                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</body>

<script type='text/javascript' src='https://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://g.alicdn.com/msui/sm/0.6.2/js/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='https://g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
</html>